<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Layui内置图标库</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="css/okadmin.css">
</head>
<body>
<div class="ok-body">
    <!--面包屑导航区域-->
    <div class="ok-body-breadcrumb">
        <span class="layui-breadcrumb">
            <a><cite>首页</cite></a>
            <a><cite>图标字体</cite></a>
            <a><cite>Layui内置图标库</cite></a>
        </span>
        <a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
            <i class="layui-icon layui-icon-refresh"></i>
        </a>
    </div>
    <br>
    <blockquote class="layui-elem-quote">
        图标选择：<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank"
                class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
    </blockquote>
    <blockquote class="layui-elem-quote">
        使用方法
    </blockquote>
    <pre class="layui-code" lay-title="HTML" lay-encode="true">
        // 从 layui 2.3.0 开始，支持 font-class 的形式定义图标：
        <i class="layui-icon layui-icon-xxx"></i>
    </pre>
</div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
<script>
    layui.use(['element', 'code'], function () {
        layui.code({about: false});
    })
</script>
</body>
</html>
